<!DOCTYPE html>
<html lang="zh-CN" style="transform: none;">

<head>
    @include("frontend/common/js")
</head>

<body class=" theme-light" style="transform: none;">

<!-- 菜单 -->
{!! $component->show('menu', $controller) !!}

<div class="wp">

    <div class="system-message">
    @switch($code)

        @case(1)
        <!-- <h1>:)</h1> -->
            <h1>🙂</h1>
            <p class="success">{{strip_tags($msg)}}</p>
        @break

        @case(0)
        <!-- <h1>:(</h1> -->
            <h1>😢</h1>
            <p class="error">{{$msg}}</p>
            @break
        @endswitch

        <p class="detail"></p>

        @if($url)
            <p class="jump">
                页面自动 <a id="href" href="{{$url}}">跳转</a> 等待时间： <b id="wait">{{$wait}}</b>
            </p>
        @endif

    </div>


</div>


<script type="text/javascript">
	(function () {
		var wait = document.getElementById('wait');
		var href = document.getElementById('href').href;
		var interval = setInterval(function () {
			var time = --wait.innerHTML;
			if (time <= 0) {
				location.href = href;
				clearInterval(interval);
			}
			;
		}, 1000);
	})();
</script>

<style>
    .system-message {
        display: block;
        width: 600px;
        border-radius: 5px;
        padding: 30px;
        margin: 100px auto 0;
        font-size: 36px;
    }

    .jump {
        font-size: 14px;
    }

    .wp {
        width: 100%;
        min-width: 1200px;
        min-height: 500px;
        margin: 0 auto;
        background-position: 50% 0px;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        background-size: cover;
    }
</style>
{!! $component->footer() !!}


</body>

</html>